@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; font-family: "微软雅黑"; box-sizing:border-box;}
img{ border:0; }
a{ text-decoration:none; color:#333;   }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.container{ width:1200px; margin: 0 auto;}
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fl{float: left;}
.fr{float: right;}
.hidden{display: none;}

/*顶部*/
.header_top{width:100%; height: 37px; background: #e1c55c; -webkit-transition:all 0.5s ease-in-ous; transition: all 0.5s ease-in-out; position: absolute; top: 0; left: 0}
.nav_right{width:auto; height: 37px; line-height:37px; float: left}
.nav_right p{width: 40px; height: 100%;  text-align: center; float: left; position: relative}
.nav_right p a{width:100%; height:100%; display:block;}
.nav_right p img{width:100px;  height: 100px; position: absolute; top:37px; left:0px; z-index: 888; display: none;}
.p1{background: url(../images/i_qq.png) no-repeat center;}
.p2{background: url(../images/i_wx.png) no-repeat center;}
.p3{background: url(../images/i_sj.png) no-repeat center;}
.p2:hover img{display: block}
.p3:hover img{display: block}
.nav_right .p1:hover{background: #8d8f9c url(../images/i_qq.png) no-repeat center}
.nav_right .p2:hover{background: #8d8f9c url(../images/i_wx.png) no-repeat center}
.nav_right .p3:hover{background: #8d8f9c url(../images/i_sj.png) no-repeat center}
.yingwen{font-size: 14px;color: #fff;float: left;line-height: 37px;margin-left: 10px;padding: 0px 10px;}
.yingwen:hover{background: #8d8f9c;}
.yingwen.active{background: #8d8f9c}
.header_right{width:auto; float: right; }
.header_right a{font-size:14px; color: #fff; float: left; margin:0px 20px; line-height: 37px;}
.header_right a.active{color:#2756a6}
.header_right a:hover{color:#2756a6}
.header_input{ width: 204px; height: 100%; background: #2756a6; float: right; line-height: 37px; color: #fff; margin-left: 20px; padding: 0px 10px; }
.header_input input[type="text"]{width:150px;  height: 37px; float: left; color:#fff;  border: 0; background: none;}
.header_input input[type="submit"]{width:30px;  height: 37px; background: url(../images/i_ss.png) no-repeat center; border: 0; float: right}
.header_input ::-webkit-input-placeholder { /* WebKit browsers */  
    color:    #fff;  
}  
.header_input :-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:    #fff;  
   opacity:  1;  
}  
.header_input ::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:    #fff;  
   opacity:  1;  
}  
.header_input :-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:    #fff;  
}  





/* 导航栏 */
.header_nav{width:100%; height:97px; background: #fff; -webkit-transition: background .2s,padding .5s,height .5s;
    transition: background .2s,padding .5s,height .5s; position: absolute; top:37px; left: 0}

.header_nav_left{height:42px; float: left; margin-top:10px; transition:0.3s;}
.header_nav_left img{width:100%;}
.header_nav_right{ float: right; height: 100%;}
#menu{ height:97px; width:100%;}
#menu .nav{ position:relative; z-index:1;  margin: 0 auto; width: 100%; height: 100%;}
#menu .nav a{ color:#a0a0a0;}
#menu .nav .nLi{ float:left;  position:relative; display:inline; height: 100%;  width:auto;  margin: 0px 23px}
#menu .nav .nLi h3{ float:left; font-weight: normal; width:100%; text-align:center; font-size:16px; z-index: 2; position: relative; color:#4d4d4d;height: 100%; }
#menu .nav .nLi h3 a{color:#4d4d4d; line-height:97px; font-size:16px; display: block; overflow: hidden}
#menu .nav .sub{ display:none; width:170px; left:50%; margin-left: -85px;  top:97px;  position:absolute; background:#fff;  line-height:36px; z-index: 999}
#menu .nLi:hover h3 a{color: #2756a6;}
#menu .nav .sub li{ zoom:1; }
#menu .nav .sub a{ display:block; text-align: center; height: 36px;font-size: 14px;  color:#333;}
#menu .nav .sub a:hover{ color:#2756a6; }
.nLi > h3 > span{display: block; width: 120px; text-align: center; position: absolute; top: 21px;font-size: 12px;font-weight: normal; color: #fff; }
#menu .nav .nLi .sub a:hover{ color:#2756a6;}
#menu .nav .active h3 a{color: #2756a6; }
#menu .nav .active{background: url(../images/active.png) no-repeat bottom center}
#menu .nLi:hover{background: url(../images/active.png) no-repeat bottom center}
.f_top{ z-index: 999; background: #fff; transition: all 0.5s ease-in-out; box-shadow:0 1px 7px rgba(0,0,0,0.3)}
.in_header{position: fixed; top:0px; left:0; width: 100%; z-index: 999}
body{padding-top: 134px;}
.slide-down .global-header { -webkit-animation-name: slide-down-header; animation-name: slide-down-header;}
.slide-up .global-header{  -webkit-animation-name: slide-up-header;  animation-name: slide-up-header;}
.slide-down .header_nav{ -webkit-animation-name: expand-header; animation-name: expand-header;}
.slide-up .header_nav{ -webkit-animation-name: slide-down-header;  animation-name: slide-down-header;}
.slide-up .header_nav{ height:80px; top:0;  box-shadow:0 1px 7px rgba(0,0,0,0.3) }
.slide-up .header_top{top: -50px;}
.slide-up .header_nav_left{width:285px; height:35px; margin-top: 10px;}
.slide-up #menu .nav .nLi h3 a{line-height: 48px;}
.slide-up #menu{height:50px;margin-top: 10px;}
.slide-up  #menu .nav .sub{top:50px;}


/* 首页:banner */
.index_baner{width:100%; height: auto}
.vui-slider {
	position:relative;
	overflow:hidden;
	background:#999;
}
.vui-slider .vui-items {
	overflow:hidden;
	width:100%;
	height:100%;
}
.vui-slider .vui-item {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.vui-slider .vui-item a,
.vui-slider .vui-item img {
	display:block;
	padding:0;
	margin:0;
	border:none;
}
.vui-slider .vui-buttons {
	position:absolute;
	z-index:5;
	bottom:16px;
	left:50%;
	float:left;
	display:inline;
	filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
.vui-slider .vui-button {
	float:left;
	display:inline;
	overflow:hidden;
	height:12px;
	width:12px;
	margin:0 10px;
	padding:0;
	border:none;
	border-radius:6px;
	background:#FFF;
	cursor:pointer;
}
.vui-slider .vui-button-cur {
	background-color:#C00;
}
.vui-slider .vui-transfer {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
}
.vui-slider .vui-prev {
	position:absolute;
	top:50%;
	left:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:0 10px 10px 0;
	background:url(../images/prev.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-next {
	position:absolute;
	top:50%;
	right:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:10px 0 0 10px;
	background:url(../images/next.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-sidebutton-hover {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4;
	background-color:#000;
}

.links{width: 100%;margin:0 auto;}
.links{padding: 20px 0;font-size: 16px;border-bottom: 1px solid #186631;}
.links .container{padding:0 5px;}
.links span{color: #666;font-weight: bold;display:inline-block;}
.links a{display:inline-block;font-size: 14px;color: #666;padding-right: 10px;}
.links a:hover{color: #ed8e06;}

/*产品中心*/
.index_product{width:100%; height: auto; margin-top: 60px; overflow: hidden}
.index_pro_title{width:100%; height: auto; margin: 0px auto;}
.index_pro_title h3{width:100%; height: 72px; background: url(../images/pro_t.png) no-repeat center; text-align: center; font-size: 36px; line-height:55px; color: #000; font-weight: bold;}
.index_pro_title p{font-size: 14px; color: #999999; height: 50px; line-height: 50px; text-align: center}
.index_product ul.pro_list{width:100%; height: auto; overflow: hidden; margin-top: 20px;}
.index_product ul.pro_list>li{width:49%; float: left; height: auto; position: relative; margin-bottom: 25px; overflow: hidden}
.index_product ul.pro_list>li:nth-child(2n){float: right;}
.index_product ul.pro_list>li img.po_pic{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_product ul.pro_list>li .pro_title{width:100%; height: 78px; line-height: 78px; text-align: center; text-overflow: ellipsis; overflow: hidden;  white-space: nowrap; color: #fff; 
	font-size: 18px; position: absolute; bottom:0; left:0; background: rgba(0,0,0,0.7); }
.product_hover{width:100%; height: 100%; position: absolute; top:100%; left:0; background: rgba(39, 86, 166, 0.7); padding:13% 10% 0; transition: .4s;}
.product_hover .pro_htop{width:100%; height: auto; text-align: center; display: block}
.product_hover .pro_htop .pro_sear{width:72px; height: 72px; border:1px solid #fff;margin: 0px auto; display: flex; align-items: center;
transform: rotate(0deg);
   transition: 0.4s ease-in-out;
}

.product_hover .pro_htop .pro_sear img{width:24px; height: 24px; align-items: center; margin: 0px auto;}
.pro_htop h3{font-size: 18px; color: #fff; font-weight: normal; text-align: center; height: 35px; line-height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 10px 0}
ul.pro_list ul{width:100%; height: auto;}
ul.pro_list ul li{width:auto;  border-radius: 15px; padding:5px 12px 5px 5px; float: left; margin: 0px 1%}
ul.pro_list ul li i{width:22px; height: 22px; display: block; background: url(../images/jt.png) no-repeat center; float: left}
ul.pro_list ul li p{font-size: 14px; color: #fff; margin-left:8px; float: left}
ul.pro_list ul li:hover{background: #fff;}
ul.pro_list ul li:hover i{background: url(../images/h_jt.png) no-repeat center;}
ul.pro_list ul li:hover p{color:#2756a6}
.index_product ul.pro_list>li:hover .product_hover{top:0; transition: .6s;}
.index_product ul.pro_list>li:hover .pro_title{opacity: 0; }
.product_hover .pro_htop .pro_sear:hover{transform: rotate(45deg)}
.index_product ul.pro_list>li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;
}


/*行业应用*/
.index_hangye{width:100%; height: auto; overflow: hidden; background: #f3f3f3; padding: 81px 0 35px; margin-top:58px;}
.index_hangye_top{width:100%; height: auto; overflow: hidden;}
.index_hangye_title{width:80%; height: auto; float: left}
.index_hangye_top h3{font-size:36px; height: 72px; line-height: 68px; color: #000000; font-weight: bold; background:url(../images/yy_bj.png) no-repeat}
.index_hangye_top p{font-size: 14px; color: #999999; height: 50px; line-height: 50px; }
.yy_more{width:100px; height: 44px; background: #2756a6; float: right; border-radius: 25px; text-align: center; line-height: 44px; font-size: 14px; color: #fff; font-family: "Arial"; margin-top: 58px;}
.yy_more:hover{background: #fff; border: 1px solid #2756a6; color: #2756a6;}
.hy_mores{width:100px; height: 44px; background: #2756a6; margin:10px auto; border-radius: 25px; text-align: center; line-height: 44px; font-size: 14px; color: #fff; font-family: "Arial";  display:none;}
.hy_mores:hover{background: #fff; border: 1px solid #2756a6; color: #2756a6;}


.mr_frbox{height:auto; position: relative; width: 100%;overflow: hidden; margin-top: 10px;}
.mr_frUl{float:left; height:100%; width:100%;}
.mr_frUl ul li{float:left;height:auto;width:32%;  margin: 0px 8px; overflow:hidden; margin-bottom: 10px;}
.mr_frUl ul li img{display:block; width:100%; height:100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.m_list_xx{width:100%; height: 266px; position: relative; overflow: hidden}
.m_list_h{width:100%; height: 100%; position: absolute; top:0px; left:0; background:rgba(255, 214, 88, 0.62); text-align: center; padding-top: 20%; opacity: 0}
.mr_frUl ul li p{width:100%; height: 45px;line-height: 45px; text-align: center;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 18px; color: #666666;}
.m_list{width:100%; height: auto; margin-bottom:15px;}
.m_list_h i{width:60px; height: 60px; background: url(../images/links.png) no-repeat; display: block; margin: 10px auto }
.m_list_h span{font-size: 14px; color: #fff; text-align: center}
.m_list_h:after{content:" ";  background: url(../images/p_bjs.png) no-repeat; background-size: 100%  100%; width: 92%; height: 91%; position: absolute; top:12px; left:12px;}
.m_list:hover .m_list_h{opacity: 1; transition: .6s}
.m_list:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.m_list_xx img{width: 100%; height:100%; display: block}
.m_list p{width:100%; height: 45px;line-height: 45px; text-align: center;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 18px; color: #666666;}

/* btn */
.mr_frbutton{width:auto; height:auto; overflow:hidden; margin:20px auto; display:table}
.og_prev, .og_next{width:45px; height:45px; line-height:45px; border-radius:50%;z-index:99;cursor:pointer; background:#e2e1e1; text-align:center;  float:left;}
.og_prev:hover,.og_next:hover{ background:#2756a6; color:#fff}
.og_next{margin-left:15px;}
.og_prev i, .og_next i{ color:#666; font-size:22px;}
.og_prev:hover i,.og_next:hover i{color:#fff}




/*关于我们*/
.index_about{width:100%; height: 660px; overflow: hidden; padding:108px 0 100px;  }
.index_about_t{width:100%; height: auto; overflow: hidden}
.index_about_t h3{font-size:36px; height: 72px; line-height: 68px; color: #fff; font-weight: bold; background:url(../images/about_t.png) no-repeat center; text-align: center}
.index_about_t p{font-size: 14px; color: #fff; height: 50px; line-height: 50px; text-align: center}
.index_about_t h6{font-size:14px; color:#fff; line-height:26px; width:750px; height:auto; overflow:hidden; margin:10px auto;  text-align:center}
.index_about ul{width:100%; height:auto; overflow:hidden; margin-top:40px;}
.index_about ul li{ width:25%; height:auto; float:left;}
.index_about ul li .about_p{width:105px; height:121px; background:url(../images/b_bj.png) no-repeat center; text-align:center; margin:5px auto; padding-top:30px;}
.index_about ul li p{width:100%; height:40px; line-height:40px; font-size:20px; margin-top:10px; text-align:center; color:#fff}
.index_about ul li:hover .about_p{background:url(../images/b_hbj.png) no-repeat}
.index_about ul li:hover p{font-weight:bold;}



/*优势*/
.indedx_youshi{width:100%; height: auto; background: #efefef; padding: 90px  0}
.basc_title{width:100%;  height: auto; overflow: hidden}
.basc_title h3{font-size:36px; height: 72px; line-height: 68px; color: #000000; font-weight: bold; background:url(../images/basc_bjs.png) no-repeat center; text-align: center}
.basc_title p{font-size: 14px; color: #999999; height: 50px; line-height: 50px; text-align: center}
.indedx_youshi_info{width:970px; height: auto; overflow: hidden; margin: 20px auto  0;}
.indedx_youshi_info .indedx_youshi_left{width:auto; float: left}
.indedx_youshi_center{width:240px; height: 240px; background: url(../images/basc_img.png) no-repeat; text-align: center; padding-top:73px; float: left; margin-top: 90px; 
	margin-left: -85px}
.indedx_youshi_center h3{font-size: 36px; color: #fff; font-weight: bold; }
.indedx_youshi_left img,.indedx_youshi_right img{width:90px; height:90px; float: left; 
    -webkit-transition: -webkit-transform 0.8s ease-out;
    -moz-transition: -moz-transform 0.8s ease-out;
    transition: transform 0.8s ease-out;}
.youshi_right{margin-left: 15px; float: left}
.youshi_right h5{font-size: 18px; font-weight: bold; color: #333333; height:40px; line-height: 40px;}
.youshi_right p{font-size: 14px; color: #666666; line-height: 25px; width: 216px; padding-top: 5px;}
.youshi_1,.youshi_2,.youshi_3,.youshi_4,.youshi_5,.youshi_6{overflow: hidden;padding-bottom:10px;}
.youshi_1 .youshi_right{ background: url(../images/b1_bj.png) no-repeat left 41px; width: 263px;}
.youshi_2 .youshi_right{ background: url(../images/b2_bj.png) no-repeat  left 41px;}
.youshi_3 .youshi_right{ background: url(../images/b3_bj.png) no-repeat left -14px; width: 262px;}
.youshi_2,.youshi_5{ margin-top:69px; }
.youshi_3,.youshi_6{ margin-top:61px; }
.youshi_1:hover img{box-shadow: 1px 5px 6px rgba(0,0,0,0.2); border-radius: 50%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg)}
.youshi_2:hover img{box-shadow: 1px 5px 6px rgba(0,0,0,0.2); border-radius: 50%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg)}
.youshi_3:hover img{box-shadow: 1px 5px 6px rgba(0,0,0,0.2); border-radius: 50%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg)}
.youshi_4:hover img{box-shadow: 1px 5px 6px rgba(0,0,0,0.2); border-radius: 50%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg)}
.youshi_5:hover img{box-shadow: 1px 5px 6px rgba(0,0,0,0.2); border-radius: 50%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg)}
.youshi_6:hover img{box-shadow: 1px 5px 6px rgba(0,0,0,0.2); border-radius: 50%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg)}




.indedx_youshi_right,.youshi_left{float: left;}
.indedx_youshi_right img{float: right;}
.youshi_4 .youshi_left{ background: url(../images/b4_bj.png) no-repeat left 41px; width: 263px;}
.youshi_5 .youshi_left{ background: url(../images/b2_bj.png) no-repeat  left 41px;}
.youshi_6 .youshi_left{ background: url(../images/b6_bj.png) no-repeat left -14px; width: 262px;}
.youshi_left h5{font-size: 18px; font-weight: bold; color: #333333; height:40px; line-height: 40px; text-align: right}
.youshi_left p{font-size: 14px; color: #666666; line-height: 25px; width: 216px; padding-top: 5px; text-align: right; float: right}
.youshi_1,.youshi_3{margin-left: 84px;}
.youshi_4,.youshi_6{ margin-left: -86px;}
.youshi_5{margin-left: 44px;}
.youshi_4 img{margin-right: 68px;}
.youshi_6 img{margin-right: 68px;}
.youshi_5 img{margin-left:10px;}



/*新闻*/
.index_news{ width: 100%; height: auto; overflow: hidden;  margin-top: 80px; padding-bottom:58px; }
.index_news_t{width:100%; height: auto; overflow: hidden}
.index_news_t h3{font-size:36px; height: 72px; line-height: 68px; color: #000000; font-weight: bold; background:url(../images/news_t.png) no-repeat center; text-align: center}
.index_news_t p{font-size: 14px; color: #999999; height: 50px; line-height: 50px; text-align: center}
.index_news_nav{width:auto; display: table; margin: 10px auto;}
.index_news_nav a{width:92px; height:35px; line-height: 35px; float: left; font-size: 18px; color: #999999; background: url(../images/shuxian.png) no-repeat right center; 
	margin-right: 11px;}
.index_news_nav a:last-child{margin-right: 0; background: none;}
.index_news_nav a:hover{color:#2756a6}
.in_news_pic{width:100%; height: 220px; overflow: hidden}
.in_news_pic img{width:100%; height: 100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.in_news_xx{width:100%; height:54px; position: relative; z-index: 999; }
.in_news_time{width:62px; height: 73px; float: left; background: #2756a6; text-align: center; padding-top: 15px; margin-top: -20px;}
.in_news_time span{font-size: 24px; color: #fff; font-weight: bold; display: block }
.in_news_time p{font-size: 12px; color: #fff; text-align: center;}
.in_news_xx h4{font-size: 16px; color: #333333; font-weight: bold;  height:57px; line-height: 26px;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; float: right; width: 79%}
.in_news_info{width:100%; height: auto; overflow: hidden; border-top: 1px solid #eeeeee; margin-top:15px; padding-top: 8px;}
.in_news_info p{font-size: 14px; color: #777777; line-height: 25px;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden;}
.in_news_bo{width:100%; height: 30px; line-height:30px; margin-top: 5px;}

.in_news_bo p{font-size: 13px; color: #777777; background: url(../images/i1.png) no-repeat left center; padding-left: 22px;margin-right:15px; float: left}
.in_news_bo span{font-size: 13px; color: #777777; background: url(../images/i2.png) no-repeat left center; padding-left: 25px;}
.slider_list a{width:100%; height: 100%; display: block; overflow: hidden;  padding: 0px 10px;}
.multiple-items{ margin-top: 30px;} 
.news_more{width:382px; height: 58px; border:1px solid #dedede;  border-right:0; border-left:0; text-align: center; line-height: 58px; font-size:18px; color: #50575d; display: block; margin:50px auto 0;}
.news_more:hover{background: #2756a6; color: #fff}
.index_news .slick-initialized .slick-slide:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_news .slick-initialized .slick-slide:hover h4,.slick-initialized .slick-slide:hover .in_news_info p,.slick-initialized .slick-slide:hover .in_news_info span{color:#2756a6}
.index_news .slick-initialized .slick-slide:hover .in_news_bo p{background: url(../images/i1_h.png) no-repeat left center;}
.index_news .slick-initialized .slick-slide:hover .in_news_bo span{background: url(../images/i2_h.png) no-repeat left center;}



/*合作*/
.index_hezuo{width:100%; height: auto; overflow: hidden; background: #efefef; padding: 72px 0 75px}
.index_hezuo_title{width:100%; height: auto; overflow: hidden}
.index_hezuo_title h3{font-size:36px; height: 72px; line-height: 68px; color: #000000; font-weight: bold; background:url(../images/hezuo_t.png) no-repeat left center; }
.index_hezuo_title p{font-size: 14px; color: #999999; height: 50px; line-height: 50px; }
.index_hezuo ul{width:100%; height: auto; overflow: hidden; margin-top:20px;}
.index_hezuo ul li{width:12.4%; float: left; height: 78px; margin-right:1px; margin-bottom:1px; position: relative; overflow: hidden}
.index_hezuo ul li:nth-child(8n){margin-right: 0px;}
.index_hezuo ul li img{width:100%;height: 100%; display: block;   
transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_hezuo ul li p{width:100%; height: 100%; background: rgba(215,23,30,0.8); text-align: center; line-height:78px; text-overflow: ellipsis; overflow: hidden; 
	white-space: nowrap; color:#fff; font-size: 14px; position: absolute; top:0; left:0; display: none;}
.index_hezuo ul li:hover p{display: block}
.index_hezuo ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;
}

/*底部*/
.footer{width: 100%; height:auto; background:#414a52;padding-top:74px; overflow: hidden}
.footer_top{width:100%; height: auto; overflow: hidden}
.footer_left{width:285px; float: left;}
.footer_left h3,.footer_center h3{font-size: 22px; color: #fff; font-weight: bold; background: url(../images/hx.png) no-repeat left bottom; height: 40px;}
.footer_left ul{width:100%; overflow: hidden; height: auto; margin-top: 10px;}
.footer_left ul li{width:auto; float: left; background: url(../images/f0.png) no-repeat left center; height: 35px; line-height: 35px; padding-left: 20px; margin-right: 30px;}
.footer_left ul li a{font-size: 14px; color: #fff;}
.footer_left ul li:hover a{color:#2756a6}
.footer_center{width:300px; height: auto; margin-left: 110px; float: left}
.footer_cxx{width:100%; height: auto; overflow: hidden; margin-top: 10px;}
.footer_cxx p{width:100%; height: 35px; line-height: 35px; font-size: 14px; color: #fff;}
.footer_pic{width:auto; height: auto; margin-left: 110px; float: right; margin-top:62px; }
.footer_wx{width:129px; height: auto; float: left; margin-right: 20px;}
.footer_wx img{width:100%; height: 100%; display: block}
.footer_wx p{width:100%; height: 35px; line-height: 35px; text-align: center; font-size: 14px; color: #fff;}
.footer_ban{width:100%; height: auto; line-height: 76px; border-top:1px solid #a0a5a9; margin-top: 62px;}
.footer_zhichi{width:auto; height:60px;  float: right}
.footer_zhichi p{ width: auto; float: left; margin-left: 20px; line-height: 76px; font-size: 14px; color:#fff;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top: 25px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top: 25px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/ws_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 14px; color: #fff;}
.footer_zhichi i{ float: left;}
.footer_zhichi a{color:#fff;}
.f_brq{width:auto;height:100%; line-height: 76px;font-size: 14px; color:#fff; float: left}
.f_brq a{margin-left: 15px; font-size: 14px; color: #fff}
.f_brq a:hover{color:#2756a6 !important;}
.index_kuaijie{width:100%; height: auto; background:#333333; padding: 15px; border-top: 1px solid #5f5f5f; overflow: hidden}
.index_kuaijie a{float: left; width:auto; text-align: center; font-size: 12px; color: #fff; margin: 0px 10px;}
.index_kuaijie p{font-size: 12px; color: #fff; float: left; }
.index_kuaijie a:hover{color:#2688cf}




/*内页 banner*/
.ny_banner{width:100%; height: auto; overflow: hidden; background: #b2b3b9; padding:50px 0 }
.ny_banner .ny_banner_left{width:50%; float: left;}
.ny_banner .ny_banner_left h4{width:100%; height: 40px; line-height: 40px; font-size: 30px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.ny_banner .ny_banner_left p{font-size: 16px; color: #fff; line-height: 26px;}
.ny_banner_right{float: right; font-size: 14px; color: #fff; margin-top:75px; line-height:26px;}
.ny_banner_right a{font-size: 14px; color: #fff; margin: 0px 10px 0 0;}
.ny_banner_right a:hover{color:#2756a6}


/*内页左边导航*/
.ny_all{width:100%; height: auto; overflow: hidden; margin-top: 36px; margin-bottom:80px;}
.ny_left{width:21.5%; height: auto; float: left}
.ny_left_title{width:100%; height: 90px; background: #2756a6; line-height: 90px; text-align: center; font-size: 30px;color: #fff; font-weight: bold;}
.ny_left_nav{width:100%; height: auto; padding: 16px 0 60px 16px; background: #f0f0f1}
.ny_left_nav .yiji li{width: 100%; height:auto;  padding-left:10px; margin-bottom:1px; background:url(../images/dian.png) no-repeat 8px 22px; }
.ny_left_nav ul li a{padding-left: 15px; font-size: 16px; color: #333333;display: block;  height:50px;line-height: 50px;position: relative;}
.ny_left_nav ul li .inactive{ background:url(../images/off.png) no-repeat 210px center;}
.ny_left_nav ul li .inactives{background:url(../images/on.png) no-repeat 210px center;} 
.ny_left_nav ul li ul{display: none;}
.ny_left_nav ul li ul li { width: 100%; height: 50px; line-height: 50px; background: none;}
.ny_left_nav ul li ul li ul{display: none;}
.ny_left_nav ul li ul li a{ padding-left:20px; font-size: 14px; color: #666666}
.ny_left_nav ul li ul li.active a{color:#2756a6; font-size: 14px; background: url(../images/r_jt.png) no-repeat 200px center}
.ny_left_nav ul li.active a{color:#2756a6}
.ny_left_nav ul li:hover a.inactive{color:#2756a6}
.ny_left_nav ul li ul li:hover a{color:#2756a6}
.ny_left_nav ul li .inactives{color:#2756a6}
.ny_left_nav ul li ul li:hover a{color:#2756a6}
.yiji li.active{background:#fff url(../images/dian.png) no-repeat 8px 22px;}
.ny_left_nav ul li ul li:hover{background: url(../images/r_jt.png) no-repeat 210px center}
.ny_left_nav .yiji li:hover{background:#fff url(../images/dian.png) no-repeat 8px 22px;}



/*产品侧边导航*/
.accordion { width: 100%; height:auto; overflow:hidden}
.accordion li.open .link {color: #2756a6;}
.accordion .link i{width:7px; height:7px; background:url(../images/dian.png) no-repeat center; float:left; margin-top:22px; margin-right:10px;}
.ny_left_nav ul li.open{background:#fff}
.accordion .link {
    cursor: pointer;
    display: block;
    height:50px; line-height:50px;
    font-size: 16px; color: #333333;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
	background: url(../images/off.png) no-repeat 207px center;
}
.open .link{background: url(../images/on.png) no-repeat 207px center;}
.submenu{display: none;}
.submenu a {
    display: block;
    text-decoration: none;
    font-size: 14px; color: #666666; height:50px; line-height:50px;
    padding-left: 42px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.subshow{display:block!important;}
.accordion li{padding-left:10px;}
.accordion li:hover{background:#fff;}




/*内页右边内容*/
.ny_right{width:75%; height: auto; float: right; padding-top:10px;}
.ny_right_title{width:100%; height: 47px; border-bottom: 1px solid #dddddd}
.ny_right_title h3{font-size: 24px; height: 40px; line-height: 40px; color: #484848; font-weight: bold; background: url(../images/hs.png) no-repeat left center; padding-left: 20px;}
.ny_about_info{width:100%; height: auto; overflow: hidden; font-size: 14px; color: #666666; line-height: 30px; margin-top:35px; }
.ny_about_info img{max-width: 100%;}



/*内页流程*/
.ny_licheng_info{width:100%; height: auto; overflow: hidden; margin-top: 45px; padding-left: 40px;}
.ny_licheng_info ul{width:100%; height: auto; overflow: hidden;  background: url(../images/xx_s.jpg) repeat-y 100px top; padding-top: 50px;}
.ny_licheng_info ul li{ width: 100%; height: auto; overflow: hidden; margin-bottom: 40px;}
.ny_licheng_nian{width:100px; height: auto; float: left; margin-top: 11px;}
.ny_licheng_nian h3{font-size:28px; color: #777777; font-weight: bold; font-family: "Arial"}
.ny_licheng_list{ margin-left:95px; background: url(../images/yd.png) no-repeat left 12px; padding-left:30px; }
.ny_licheng_list h3{font-size: 14px; color: #666666;line-height: 35px;}

/*新闻*/
.ny_news_list{width:100%; height: auto; overflow:hidden; margin-top: 10px;}
.ny_news_list ul{width:100%; height: auto; overflow: hidden;  margin-bottom: 30px;}
.ny_news_list li{width:100%; height: auto; overflow: hidden; border-bottom: 1px solid #dddddd; padding: 25px 0;}
.news_time{width:10%; float: right; text-align: center; background: #f5f5f5; padding: 20px 0}
.news_time time{color: #2756a6; font-size: 12px; margin-top: 10px; display:block; overflow: hidden; width: 100%; height:20px; line-height:20px; font-family: "Arial"}
.news_time p{ font-size:40px; color: #2756a6;height: 35px; line-height: 35px; font-weight: bold;}

.ny_news_info{width:64%; float: left; margin-left: 3%}
.ny_news_info h3{ font-size:18px; color: #555555;  width:100%; height:35px; line-height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.ny_news_info p{width:100%; line-height:26px; color: #666; font-size: 14px; word-break:break-all;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.ny_news_info span{width:98px; height:32px; border: 2px solid #cccccc; text-align: center; line-height: 28px; font-size: 14px; color: #666666; display: block; margin-top: 10px;}

.ny_news_img{width:21%; height:auto; float:left; overflow: hidden}
.ny_news_img img{width:100%; height: auto;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_news_list li:hover{border-bottom: 1px solid #2756a6;}
.ny_news_list li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_news_list li:hover span{background: #2756a6; color: #fff; border:2px solid #2756a6; }
.ny_news_list li:hover .news_time{background: #2756a6;}
.ny_news_list li:hover .news_time p{color:#fff}
.ny_news_list li:hover .news_time time{color:#fff;}
.ny_news_list li:hover h3{color:#2756a6;}


/*下载*/
.ny_xiazai{width:100%; height: auto; overflow: hidden; margin-top: 35px;}
.ny_xiazai ul{width:100%; height: auto; overflow: hidden}
.ny_xiazai ul li{width:100%; height: 50px; line-height: 50px; margin-bottom: 20px; background: #eceff3; padding: 0px 30px;}
.ny_xiazai ul li p{width:80%; height: 100%;float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px; color: #666;}
.ny_xiazai ul li span{float: right; font-size: 14px; color: #666666; background: url(../images/xiazai.png) no-repeat left center; padding-left: 25px;}
.ny_xiazai ul li:hover p{color:#2756a6}
.ny_xiazai ul li:hover span{color:#2756a6}


/*产品中心*/
.ny_product{width:100%; height: auto; overflow: hidden; margin-top: 35px;}
.ny_product ul{width:100%; height: auto; overflow: hidden}
.ny_product ul li{width:32%; float: left; height: auto; margin-right: 2%; margin-bottom: 10px;}
.ny_product ul li .products_pic{height:auto; display: block;overflow: hidden;width:100%; border:1px solid #ddd;text-align: center;}
.ny_product ul li .products_pic img{height:100%;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_product ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_product li p{ height:35px; line-height: 35px; text-align: center;  font-size: 16px; color: #666}
.ny_product ul li:nth-child(3n){margin-right: 0px;}
.ny_product ul li p{width:100%; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center}
.ny_product ul li:hover p{color:#2756a6}


/*合作客户*/
.ny_hzkh{width:100%; height: auto; overflow: hidden; margin-top: 35px;}
.ny_hzkh ul{width:100%; height: auto; overflow: hidden}
.ny_hzkh ul li{width:23.5%; float: left; height: auto; margin-right: 2%; margin-bottom: 10px;}
.ny_hzkh ul li .products_pic{height:auto; display: block;overflow: hidden;width:100%; border:1px solid #ddd;}
.ny_hzkh ul li .products_pic img{width:100%;  height:100%;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_hzkh ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_hzkh li p{ height:35px; line-height: 35px; text-align: center;  font-size: 16px; color: #666}
.ny_hzkh ul li:nth-child(4n){margin-right: 0px;}
.ny_hzkh ul li p{width:100%; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center}
.ny_hzkh ul li:hover p{color:#2756a6}


/*联系我们*/
.ny_conta_info{width:100%; height: auto; padding: 35px 35px; background: #f5f5f5; overflow: hidden; margin-top: 35px;}
.ny_conta_info .ny_ibt{font-size: 24px; color: #313131; height: auto; line-height: 40px;}
.ny_conta_dz{width:50%; height: auto; float: left}
.ny_conta_dz p{font-size: 16px; color: #313131; line-height: 30px;}
.ny_conta_dz p i{color: #000000; margin-right: 5px;}
.ny_cont_wx{width:340px; height: auto; float: right}
.ny_cont_wx dl{width:140px; float: left; margin-right: 26px;}
.ny_cont_wx dl dt{width:140px; height: 140px; border: 4px solid #e5e5e5; /*! padding: 10px; */ background: #fff}
.ny_cont_wx dl dd{ font-size: 14px; color: #626262; height: 35px; line-height: 35px; text-align: center}
.ny_cont_wx dl dt img{width:100%; height: 100%;}
.map{width:100%; height: 400px; overflow: hidden; margin-top: 20px;}

/*留言表单*/
.formData{padding-bottom: 20px;}
.formData .t2{padding: 25px 0;color: #e60212;font-size: 24px;}
.formData .item{float: left;color: #999;font-weight: normal;width: 100%;height: 56px;line-height: 56px;border: 1px solid #e4e4e4;margin-bottom: 25px;position: relative;}
.formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 56px;line-height: 56px;font-size: 18px;color: #666;}
.formData .item input{outline: none;line-height: 38px;height: 38px;font-size: 18px;}
.formData .item .txt{width: 95%;height: 56px;line-height: 56px;display: block;background: none;padding-left: 100px;border: 0 none;color: #666;}
.formData .item .red{position: absolute;right: 15px;top: 0;color: #ff0000;z-index: 11;}
.formData .item.mr0{margin-right: 0;}
.formData .msg-box{position: absolute;left: 0;top: 0px;}
.formData .liuyan{width: 100%;height: 260px;border: 1px solid #e4e4e4;float: left;}
.formData .liuyan label{text-align: right;display: block;}
.formData .liuyan textarea{width: 908px;height: 234px;line-height: 35px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;}
.formData .bot{width: 100%;}
.formData .sub{width: 232px;line-height: 52px;border: 2px solid #e60212;margin-right: 2px;text-align: center;background: #e60212;color: #FFF;cursor: pointer;font-size: 18px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.formData .sub:hover{background: none;color: #e60212;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute;right: 0;top: 0;height: 56px;border: 0px;display: block;}


/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:550px;
    width:77px;
    z-index:999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);

    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}

.lxfx li i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center;
	 font-size: 14px;
}
.lxfx li {
    background:#2756a6;
    height: 60px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}


/*手机导航*/
.index_header{display: none;}
.sj_header{width:100%; clear:both; height:70px;  padding: 0px 10px; }
.sj_header .yingwen{color:#333; font-weight:bold;    line-height:26px;}
.sj_header .yingwen:hover{background:none;}
.logo{float:left; width:21%; margin-top: 12px;}
.sj_header .logo {margin-top: 10px;}
.menu{float:right; height:25px; width:auto; margin-top: 20px; }
.menu img{height:25px; width:34px;}
.menu a{float:left;}
.app{float:right; padding-right:15px; margin-top:7px;}
.app img{height:22px;}
.logo img{width:100%; height: 100%;}
.openmenu{overflow-y:scroll; }
#pgcontainer{margin:0px; padding:45px 0px;}
.overlay{left:0px; right:0px; bottom:0px; position: fixed; z-index:99; background-color:rgba(0, 0, 0, 0.5);}
.openmenu .overlay{top:0px;}
#hamburgermenu{background:#2756a6; left:0px; top:0px; width:0px; height:100%; overflow-y:scroll; position:fixed; z-index:999; box-shadow:3px 0px 7px rgba(0,0,0,0.55); -webkit-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55); -moz-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55);}
.nav_logo{width:100%; padding-top:10px; text-align:center; clear:both;}
.nav_logo img{height:35px; margin:5px 0px;}
.menu_head{width:100%; min-width:150px; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; line-height:25px; text-indent:1em; color:#fff; padding:8px 0px; font-size:0.9em; position:relative; margin:0px;}
.menu_head img{vertical-align:middle; height:25px; padding-right:5px;}
.menu_head a{color:#fff;  font-size:0.9rem}
.menu_body{width:100%; min-width:150px; overflow:hidden; line-height:38px; display:none;}
.menu_body a{width:100%; display:block; height:28px; font-size:0.9rem; line-height:28px; color:#fff; text-indent:1em; border-bottom:rgba(255, 255, 255, 0.32) 1px solid;}

/*banner*/
.sj_banner{width:100%; display: none;}
.sj_banner img{width:100%; height: auto;}
.swiper-container {width: 100%; height: 100%;margin-left: auto; margin-right: auto;}
.swiper-slide {text-align: center; font-size: 18px; background: #fff; display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-pagination-bullet-active{background: #2756a6}


/*手机行业应用*/
.sj_yyhy{display: none;}


/*手机二级导航*/
.ny_sjleft{width:100%; height: auto; overflow: hidden; background: #f0f0f1; display: none; margin-bottom: 20px;}
.ny_sjleft li{width:33.33%;  float: left;  line-height: 40px; text-align: center}
.ny_sjleft li a{font-size: 0.9rem; color: #666; text-align: center}
.ny_sjleft li.active{background: #2756a6;}
.ny_sjleft li.active a{color:#fff}


/*手机产品详情*/
.sj_pro{width:100%; height:auto; overflow:hidden; padding:0px 10px; display:none;}
.sj_pro_img{width:100%; height:auto; margin:15px   0}
.sj_pro img{max-width:100%; height:auto;}
.sj_pro_info{font-size:0.9rem; color:#666; line-height:26px;}
.sj_pro_info h4{width:100%; line-height:28px; margin-bottom:10px; font-size:1.2rem; color:#333; font-weight:bold; text-align:center}
.ny_rtime{width: 100%; line-height: 40px; color: #999; height: 40px; margin-bottom: 20px;
            border-top: 1px dashed #e5e5e5;border-bottom: 1px dashed #e5e5e5;text-align: center;clear: both; font-size:14px;}
.ny_rtile{width: 100%; font-size: 20px; color: #555; padding: 10px 0px; text-align: center; clear: both}
.ny_rxingqu{width: 100%; font-size: 20px; color: #333; padding: 30px 0px 10px 0px; clear: both}
.keyword_light img{max-width:100%;}


.reLink{height: 48px; line-height: 48px; padding: 0; border-top: 2px solid #eee; border-bottom: 2px solid #eee; margin: 20px auto;}
.reLink .prevLink,.reLink .nextLink{width: 50%;}
.reLink .nextLink{text-align: right;}

@media screen and (max-width: 768px){
	.reLink{height: 96px; line-height: 48px;}
	.reLink .prevLink,.reLink .nextLink{width: 100%;}
	.reLink .nextLink{float:left;text-align: left;}
}

/*sj底部*/
footer{ position: fixed;  bottom: 0;left: 0;z-index:888; height: 60px;width: 100%; background:#2756a6; font-size: .14rem; padding: 0px 10px; display: none;}
footer li{width: 25%;height: 100%;float: left}
footer li img{width: 24px;height: 24px;display: block;margin: 0 auto}
footer li a{display: block;width: 100%;height: 100%;text-align: center;box-sizing: border-box;padding-top:6px;color: #fff}
footer span{line-height:30px; font-size: 12px; color: #fff; display: block; width: 100%;}
footer li a.active{background: #102240;color: #fff;}
.copy {width: 100%;  text-align: center; line-height: 20px; clear: both; font-size: 14px; display: none; margin:8px 0}
.copy a{ font-size: 16px; color: #999; height: 30px; line-height: 30px;}
.copy p{width:100%; font-size: 16px; color: #999; line-height: 30px;}
.copy  span{ font-size: 26px; color: #bb0101; font-weight: bold; margin-left:2px;}
.copy img{ width:28px; height: 22px; float: left;}
.copy .iconfont{  font-size: 25px; color: #666666; margin-right:6px;}
.page-list{display:none;}



@media only screen and (max-width:1220px ) {
	.container{width:100%;padding: 0px 10px;}
	#menu .nav .nLi{margin: 0px 2.8%;}
	.footer_left{width:250px;}
	.m_list_xx{height:auto;}
	
}

@media only screen and (max-width:1177px ) {
	.header_nav_right{width: 75%}
	.footer_wx{width:115px;}
}


@media only screen and (max-width:1050px ) {
	#menu .nav .nLi{margin: 0px 2.6%;}
	.footer_pic{display: none;}
	
}



@media only screen and (max-width:1024px ) {
	.lxfx,.mr_frUl,.mr_frbutton{display: none;}
	.sj_yyhy{display: block;}
	.sj_yyhy .swiper-container{padding-bottom: 38px;}
	.m_list{margin-bottom: 0px;}
	.footer_left{width:352px;}
	.f_brq{width:100%; text-align: center; float: none; line-height: 45px;}
	.footer_zhichi{float: none; width: 462px; margin: 0px auto; height: 45px;}
	.footer_zhichi p{line-height: 45px;}
	.footer_zhichi .pt,.footer_zhichi .js{margin-top: 10px;}
	
	
}


@media only screen and (max-width:768px ) {
	body{padding-bottom:60px; padding-top:0}
	.header_top,.header_nav,.footer{display: none;}
	.index_header,.copy,footer{display: block;}
	.multiple-items .slick-next{right:23%}
	.multiple-items .slick-prev{left:24%;}
	.index_hezuo ul li{width:12.3%; height:auto;}
	.footer_input{float: none; clear: both; margin: 0 auto; padding-top:20px;  }
	.indedx_youshi_center{display: none;}
	.youshi_1 .youshi_right,.youshi_2 .youshi_right,.youshi_3 .youshi_right{background: none;}
	.youshi_4 .youshi_left,.youshi_5 .youshi_left,.youshi_6 .youshi_left{background: none;}
	.youshi_1, .youshi_3,.youshi_4, .youshi_6{margin-left: 0px;}
	.indedx_youshi_info{width: 100%;}
	.indedx_youshi_right{float: right}
	.in_news_pic{height:auto;}
	.in_news_xx h4{width:68%;}
	.index_hangye_top h3,.index_pro_title h3{background-size:100% 100% }
	.youshi_4 img,.youshi_6 img{margin-right: 0px;}
	.ny_left_title{font-size:1.4rem}
	.product_hover .pro_htop,.ny_cont_wx{display:none;}
	.ny_conta_dz{width:100%;}
	.ny_left_nav{padding:16px 0 20px 10px}
	.ny_left_nav ul li a{font-size:14px;}
	.ny_left{width:23%;}
	.ny_right{width:74%;}
	.ny_left_nav ul li .inactive{background: url(../images/off.png) no-repeat 134px center;}
	.ny_left_nav ul li ul li a{padding-left:0px; height:auto; }
	.ny_news_info{width:60%;}
	.news_time{width:15%;}
	.ny_banner .ny_banner_left{width:40%;}
	.ny_banner_right{width:58%;}
	.index_about_t h6{width:100%; height:110px;overflow:hidden;}
	.index_about ul{margin-top:5px;}
	.sj_pro{display:block;}
	#proshow{display:none;}
	.m_list_h:after{top:9px; left:9px;}
	.m_list_h{padding-top:11%}
}


@media only screen and (max-width:425px ) {
	.logo{width:60%; margin-top:16px;}
	.indedx_youshi_info .indedx_youshi_left,.indedx_youshi_right{width:100%; float: none; margin-bottom: 15px;}
	.youshi_1 .youshi_right{margin-left: 105px; float: none;}
	.youshi_4 .youshi_left{margin-left: 105px; float: none; width: auto}
	.indedx_youshi_right img{float: left; margin-left:0px;}
	.youshi_5 .youshi_left,.youshi_6 .youshi_left{margin-left: 105px; float: none; width: auto}
	.youshi_left h5,.youshi_left p,.youshi_right p{text-align: left; width: 100%}
	.youshi_3 .youshi_right{width:auto;}
	.youshi_5{margin-left: 0px;}
	.youshi_2, .youshi_5,.youshi_3, .youshi_6{margin-top: 15px;}
	.in_news_xx h4{width:63%}
	.multiple-items .slick-next{right:0}
	.multiple-items .slick-prev{left:0}
	.index_hezuo ul li{width:33%; height:auto;}
	.index_hezuo ul li:nth-child(3n){ margin-right: 0;}
	.index_hezuo ul li:nth-child(8n){ margin-right:1px;}
	.slick,.index_hangye_title,.ny_right,.ny_banner .ny_banner_left{width:100%}
	.index_pro_title p,.index_hangye_top p{line-height: 23px; height: auto; margin-top: 20px;}
	.index_product ul.pro_list>li .pro_title{height:40px; line-height: 40px; font-size:0.9rem}
	.ny_left{display: none;}
	.ny_sjleft{display: block;}
	.ny_all{margin-top: 20px;}
	.ny_banner{padding: 10% 0}
	.ny_banner_right{width:100%; font-size:0.8rem; margin-top:10px;}
	.news_time,.ny_cont_wx{display: none;}
	.ny_news_img{width:45%}
	.ny_news_info{width:auto; margin-left: 47%; float: none}
	.ny_xiazai ul li{padding: 0px 2%}
	.ny_xiazai ul li p{width:70%}
	.ny_conta_dz{width:100%}
	#banner,.slick .slick-prev,.slick .slick-next{display:none!important;}
	.sj_banner{display:block;}
	.index_product{margin-top:35px;}
	.index_hangye{padding:30px 0 35px; margin-top:40px;}
	.yy_more{margin-top:10px; margin-bottom:10px;}
	.hy_more{display:none;}
	.hy_mores{display:block;}
	.slick_info{width:95%; padding: 40px 30px;}
	.slick ul.about_honor{width:100%;}
	.index_about{height:auto; padding:70px 0 100px; background-size: auto 100%;}
	.indedx_youshi{padding: 40px 0;}
	.basc_title h3,.index_news_t h3{background-size:100% 100%;}
	.ny_product ul li{width:49%; margin-right:0px;}
	.ny_product ul li:nth-child(2n){float:right}
	.ny_conta_info{padding:25px 10px}

	.index_product ul.pro_list>li:hover .product_hover{top:100%}
	.news_more{width:72%}
	.m_list p{font-size:0.9rem}
	.index_product ul.pro_list>li{width:100%; float:none;}
	.ny_sjleft li,.index_about ul li{width:50%;}
	.page-list{display:block;}
	.digg,.ny_banner_left p{display:none;}
	.m_list:hover .m_list_h{opacity: 0; }
	.index_hezuo{padding:40px 0 20px}
	.ny_hzkh ul li{width:48%; margin-right:0}
	.ny_hzkh ul li:nth-child(2n){float:right}
	.ny_all{margin-bottom:30px;}
	.index_hezuo ul li p{line-height:70px;}
}


@media only screen and (max-width:375px ) {

	.news_more{width:67%}
	.index_hezuo ul li p{line-height:61px;}
}

@media only screen and (max-width:360px ) {
	.news_more{width:222px;}
	.index_hezuo ul li p{line-height:58px;}
}

@media only screen and (max-width:320px ) {
	.news_more{width:61%;}
	.index_hezuo ul li p{line-height:51px;}
}